<template>
  <div>
    <Time-picker type="time"></Time-picker>
    <Time-picker type="timerange"></Time-picker>

    <Time-picker type="time" :value="time1" format="HH点mm分ss秒"></Time-picker>
    <Time-picker type="timerange" :value="time2" format="HH时mm分ss秒"></Time-picker>


    <Time-picker type="timerange" confirm :value="time2" format="HH时mm分ss秒"></Time-picker>
  </div>
</template>

<script>
export default {
  data () {
    return {
      time1: '09:10:50',
      time2: ['09:11:15', '15:11:15']
    }
  }
}
</script>

<style scoped>
  .ivu-date-picker { width: 300px; margin: 10px}
</style>